<template>
    <div style="height: 100%; width: 100%; position: relative; overflow: hidden">
        <div class="page-top" style="border: 1px solid #ccc">
            <div class="search-title">快速查询</div>
            <el-input v-model="searchParam" placeholder="请输入套餐ID、套餐名称" @keyup.enter.native="filterData" clearable :disabled="changeflag" style="width: 260px"></el-input>
            <div class="top-deal">
                <el-button icon="el-icon-search" type="primary" @click="filterData" :disabled="changeflag">查询</el-button>
                <el-button icon="el-icon-plus" @click="MainOpenDialog(1)" :disabled="changeflag">新增</el-button>
                <el-button icon="el-icon-delete" @click="MainOpenDialog(2)" :disabled="changeflag">删除</el-button>
                <el-button icon="el-icon-document" @click="MainOpenDialog(3)" :disabled="!changeflag">保存</el-button>
                <el-button icon="el-icon-close" @click="MainOpenDialog(4)" :disabled="!changeflag">取消</el-button>
            </div>
        </div>
        <div class="pagecenter">
            <rm-layout-right splitcolor="#FFFFFF" movingcolor="#CCFFFF" :splitwidth="5" :fixsize="496">
                <div class="pagecenter-left">
                    <vxe-table show-overflow ref="xTable" :data.sync="reqsheetList" class="mytable-style" height="auto" :loading="reqsheetLoading" :sort-config="{ trigger: 'cell' }" :keyboard-local-config="keyLocalConfig" border size="mini" show-header-overflow highlight-current-row resizable stripe header-align="center" :row-class-name="rowClassName" @current-change="currentChangeEvent">
                        <!-- <vxe-table-column type="index" title=" " width="40" align="center"></vxe-table-column> -->
                        <vxe-table-column field="sheet_deptno" title="所属科室" width="100">
                            <template v-slot="{ row }">
                                <span v-if="row.sheet_deptno == '_Global_'">全局</span>
                                <span v-else>{{ row.deptname }}</span>
                            </template>
                        </vxe-table-column>
                        <vxe-table-column field="sheet_name" title="套餐名称" width="120"></vxe-table-column>
                        <vxe-table-column field="description" title="备注说明" width="160"></vxe-table-column>
                        <vxe-table-column field="req_sheetid" title="套餐ID" width="80"></vxe-table-column>
                    </vxe-table>
                </div>
                <template v-slot:fix>
                    <rm-layout-top splitcolor="#ffffff" :splitwidth="5" :fixsize="135">
                        <template v-slot:fix>
                            <div class="pagecenter-right-top">
                                <table>
                                    <tr>
                                        <td width="80" align="right" class="must-param">套餐名称</td>
                                        <td>
                                            <el-input v-model="addParam.sheet_name" @input="inputCodeChange" ref="input11" @keyup.enter.native="nextFocus(1, 1)"></el-input>
                                        </td>
                                        <td width="80" align="right">输入码</td>
                                        <td>
                                            <el-input v-model="addParam.inputcode" maxlength="20" @input="hasChange" ref="input12" @keyup.enter.native="nextFocus(1, 2)"></el-input>
                                        </td>
                                        <td width="80" align="right">序号</td>
                                        <td>
                                            <el-input v-model="addParam.seq" maxlength="20" @input="hasChange" ref="input13" @keyup.enter.native="nextFocus(1, 2)"></el-input>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="80" align="right" class="must-param">所属科室</td>
                                        <td colspan="5">
                                            <rm-ddl-common datatype="deptdef" dataname="所属科室" v-model="addParam.sheet_deptno" @change="changeDept" ref="input14" @keyup.enter.native="nextFocus(1, 3)" width="100%" :appendtobody="true" :readonly="true"></rm-ddl-common>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="80" align="right" style="vertical-align: top">备注说明</td>
                                        <td colspan="5">
                                            <el-input type="textarea" v-model="addParam.description" rows="3" @input="hasChange" ref="input15" @keyup.enter.native="nextFocus(1, 4)"></el-input>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </template>
                        <div style="height: calc(100% - 36px)">
                            <vxe-table show-overflow ref="xTable2" :data.sync="reqsheetitemsList" :loading="reqsheetitemsLoading" height="auto" width="100%" border size="mini" :keyboard-local-config="keyLocalConfig" :mouse-config="{ selected: true }" header-align="center" show-header-overflow highlight-current-row highlight-hover-row resizable stripe :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true, showIcon: false }" @cell-dblclick="CellDblclick">
                                <vxe-table-column field="req_sheetitemid" title="明细ID" width="40px" align="center"></vxe-table-column>
                                <vxe-table-column field="req_itemcode" title="申请项目代码(双击弹窗)" width="140px"></vxe-table-column>
                                <vxe-table-column field="req_itemname" title="申请项目名称" width="140px"></vxe-table-column>
                                <vxe-table-column field="specimen_code" title="标本类型" :edit-render="{ name: 'input' }" width="100px">
                                    <template v-slot:edit="{ row, rowIndex }">
                                        <el-select v-model="row.specimen_code" filterable placeholder="请选择" @change="hasChange">
                                            <el-option v-for="item in specimenOption" :key="rowIndex + item.value" :label="item.label" :value="item.value"></el-option>
                                        </el-select>
                                    </template>
                                    <template v-slot="{ row }">
                                        <span>{{ getShowName(row.specimen_code, "specimenOption") }}</span>
                                    </template>
                                </vxe-table-column>
                                <vxe-table-column field="perform_dept" title="执行科室" :edit-render="{ name: 'input' }" width="100px">
                                    <template v-slot:edit="{ row, rowIndex }">
                                        <el-select v-model="row.perform_dept" filterable placeholder="请选择" @change="hasChange">
                                            <el-option v-for="item in deptList" :key="rowIndex + item.hidkey" :label="item.hidname" :value="item.hidkey"></el-option>
                                        </el-select>
                                    </template>
                                    <template v-slot="{ row }">
                                        <span>{{ getShowName(row.perform_dept, "deptList") }}</span>
                                    </template>
                                </vxe-table-column>
                                <vxe-table-column field="emer_flag" title="加急" width="40" align="center">
                                    <template v-slot="{ row }">
                                        <el-checkbox v-model="row.emer_flag" true-label="1" false-label="0" @change="hasChange"></el-checkbox>
                                    </template>
                                </vxe-table-column>
                                <vxe-table-column field="seq" title="序号" :edit-render="{ name: 'input', events: { change: hasChange } }" width="60" align="center"></vxe-table-column>
                            </vxe-table>
                            <div class="detail-operation">
                                <el-button icon="el-icon-plus" class="el-button--310" @click="MainOpenDialog(5)">新增明细</el-button>
                                <el-button icon="el-icon-delete" class="el-button--310" @click="MainOpenDialog(7)">删除明细</el-button>
                            </div>
                        </div>
                    </rm-layout-top>
                </template>
            </rm-layout-right>
        </div>

        <el-dialog width="1000px" top="10px" :append-to-body="true" :close-on-click-modal="false" title="申请项目选择" :visible.sync="dialogTableVisible" :destroy-on-close="true">
            <rm-pop-common datatype="reqitem" dataname="标本类型" :multiple="true" @cancel="dialogTableVisible = false" @change="popReqitemChange" ref="popcommon"></rm-pop-common>
        </el-dialog>
    </div>
</template>

<script>
import XEUtils from "xe-utils";
export default {
    name: "MNG228",
    data() {
        return {
            IsAreaMode: false,
            reqsheetLoading: false,
            reqsheetList: [],
            freqsheetList: [],
            reqsheetitemsLoading: false,
            reqsheetitemsList: [],
            specimenOption: [],
            specimenOptionMap: [],
            keyLocalConfig: {
                isArrow: true,
            },
            searchParam: "",
            addParam: {}, // 新增 修改 字段
            faddParam: {},
            operatetype: 2, //1:新增 2:修改 3:删除
            changeflag: false,
            selrow: {},
            txtoperatorOptions: [
                {
                    value: "In",
                    label: "等于",
                },
                {
                    value: "NotIn",
                    label: "不等于",
                },
            ],
            detailChangeflag: false,
            dialogTableVisible: false,
            deptList: [],
            deptListMap: [],
        };
    },
    mounted() {
        this.init();
        this.initDept();
        this.queryReqsheet();
    },
    methods: {
        init() {
            this.$tool
                .request({
                    url: "MNG/MNG2/MNG228",
                    method: "post",
                    data: {
                        action: "init",
                    },
                })
                .then((response) => {
                    if (response.errcode == "1") {
                        this.specimenOption = response.specimenlist;
                        this.specimenOptionMap = this.$pub.arrayToMap(this.specimenOption, "value", "label");
                        this.IsAreaMode = response.IsAreaMode;
                    }
                })
                .catch((e) => {
                    console.log("error", e);
                });
        },
        initDept() {
            this.$tool
                .request({
                    url: "ucent/ddl",
                    method: "post",
                    data: {
                        action: "deptdef",
                    },
                })
                .then((res) => {
                    this.deptList = res.Data;
                    this.deptListMap = this.$pub.arrayToMap(this.deptList, "hidkey", "hidname");
                })
                .catch((e) => {
                    console.log("error", e);
                });
        },
        //查询条件
        queryReqsheet() {
            this.reqsheetLoading = true;
            this.$tool
                .request({
                    url: "MNG/MNG2/MNG228",
                    method: "post",
                    data: {
                        action: "querylist",
                    },
                })
                .then((response) => {
                    this.reqsheetLoading = false;
                    if (response.errcode == "1") {
                        this.freqsheetList = XEUtils.clone(response.data, true);
                        this.reqsheetList = response.data;
                        if (this.reqsheetList.length > 0) {
                            this.selrow = this.reqsheetList[0];
                            this.$refs.xTable.setCurrentRow(this.selrow).then(() => {
                                this.faddParam = XEUtils.clone(response.data[0], true);
                                this.addParam = response.data[0];
                            });
                            this.queryReqsheetitems(this.selrow.req_sheetid);
                        }
                    } else {
                        this.clearAlldata();
                    }
                })
                .catch((e) => {
                    console.log("error", e);
                });
        },
        // 查询申请_开单套餐_项目
        queryReqsheetitems(reqsheetid) {
            this.reqsheetitemsLoading = true;
            this.$tool
                .request({
                    url: "MNG/MNG2/MNG228",
                    method: "post",
                    data: {
                        action: "querydetail",
                        req_sheetid: reqsheetid,
                    },
                })
                .then((response) => {
                    this.reqsheetitemsLoading = false;
                    // if (response.details.length > 0) {
                    //     this.faddParam = XEUtils.clone(response.details[0], true);
                    //     this.addParam = response.details[0];
                    // }
                    this.reqsheetitemsList = response.details;
                    if (response.details.length > 0) {
                        this.$refs.xTable2.setCurrentRow(response.details[0]);
                    }
                })
                .catch((e) => {});
        },
        filterData() {
            let filterName = this.searchParam.trim().toUpperCase();
            let queryList = [];
            if (filterName) {
                queryList = this.freqsheetList.filter((item) => item.req_sheetid.toString().indexOf(filterName) > -1 || item.sheet_name.toUpperCase().indexOf(filterName) > -1);
                this.reqsheetList = queryList;
                if (queryList.length > 0) {
                    this.$refs.xTable.setCurrentRow(queryList[0]);
                    this.queryReqsheetitems(queryList[0].req_sheetid);
                    this.selrow = this.$refs.xTable.getCurrentRow();
                } else {
                    this.clearAlldata();
                }
            } else {
                this.queryReqsheet();
            }
        },
        currentChangeEvent(e) {
            if (this.changeflag) {
                // 点击切换之前的 row
                this.$refs.xTable.setCurrentRow(this.selrow);
                return false;
            }
            this.selrow = e.row;
            this.faddParam = XEUtils.clone(e.row, true);
            // this.addParam = e.row;
            this.addParam = XEUtils.clone(e.row, true);
            // var rowIndex = e.rowIndex;
            this.queryReqsheetitems(this.selrow.req_sheetid);
        },
        clearAlldata() {
            this.reqsheetList = [];
            this.freqsheetList = [];
            this.addParam = {};
            this.faddParam = {};
            this.reqsheetitemsList = [];
            // this.mediumResultList = [];
            // this.mediumSpecList = [];
        },
        MainOpenDialog(type) {
            if (type == 1) {
                // 新增
                this.operatetype = 1;
                this.hasChange();
                this.addParam = {
                    hospcode: this.$tool.getSession(this.$tool.selectedhis),
                    sheet_deptno: "_Global_",
                    deptname: "全局",
                };
                this.reqsheetitemsList = [];
                setTimeout(() => {
                    this.$refs.input11.$refs.input.focus();
                }, 100);
            }
            if (type == 2) {
                // 删除
                var that = this;
                that.$confirm("你确定删除这条记录?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning",
                }).then(() => {
                    that.operatetype = 3;
                    that.saveData()
                        .then((response) => {
                            if (response.errcode != "1") {
                                that.$message({
                                    message: "保存失败！" + response.errmsg,
                                    type: "warning",
                                });
                            } else {
                                that.$message({
                                    message: "删除成功！",
                                    type: "success",
                                });
                                // that.queryReqsheet();
                                that.changeflag = false;
                                that.operatetype = 2;
                                // 删除不刷新表格
                                var delrow = this.$refs.xTable.getCurrentRow();
                                var rowindex = this.$refs.xTable.getTableData().fullData.indexOf(delrow);
                                this.reqsheetList.splice(rowindex, 1);
                                this.$refs.xTable.loadData(this.reqsheetList).then(() => {
                                    var havedata = this.$refs.xTable.getTableData().fullData;
                                    if (havedata.length > 0) {
                                        if (rowindex >= havedata.length) rowindex = havedata.length - 1;
                                        this.freqsheetList = XEUtils.clone(havedata, true);
                                        this.faddParam = XEUtils.clone(havedata[rowindex], true);
                                        this.addParam = XEUtils.clone(havedata[rowindex], true);
                                        let selectrow = havedata[rowindex];
                                        this.$refs.xTable.setCurrentRow(selectrow);
                                        this.selrow = this.$refs.xTable.getCurrentRow();
                                        this.queryReqsheetitems(selectrow.req_sheetid);
                                        this.freqsheetList = XEUtils.clone(havedata, true);
                                    } else {
                                        this.clearAlldata();
                                    }
                                    console.log(this.freqsheetList);
                                });
                            }
                        })
                        .catch((e) => {});
                });
            }
            if (type == 3) {
                // 保存
                this.saveAllData();
            }
            if (type == 4) {
                // 取消
                this.$confirm("确定取消当前修改?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning",
                }).then(() => {
                    // if (this.operatetype == 1) {
                    //     this.reqsheetitemsList = [];
                    // } else {
                    this.queryReqsheetitems(this.selrow.req_sheetid);
                    // }
                    this.operatetype = 2;
                    this.changeflag = false;
                    this.addParam = XEUtils.clone(this.faddParam, true);
                    this.$nextTick(() => {
                        this.$refs.xTable.setCurrentRow(this.selrow);
                    });
                });
            }
            if (type == 5) {
                // let row = [{
                //     req_sheetid: this.addParam.req_sheetid,
                //     seq: this.$refs.xTable2.tableFullData.length > 0 ? (Math.floor(this.$refs.xTable2.tableFullData[this.$refs.xTable2.tableFullData.length - 1].seq/10) + 1) * 10 : 10,
                //     req_itemcode: "",
                //     req_itemname: "",
                //     specimen_code: "",
                // }]
                // this.itemdictTableInsert(row);
                this.detailChangeflag = false;
                this.dialogTableVisible = true;
            }
            if (type == 7) {
                this.itemdictTableDelete();
            }
        },
        saveAllData() {
            var that = this;
            if (that.addParam.sheet_name == undefined || that.addParam.sheet_name == "") {
                that.$alert("请输入套餐名称", "提示", {
                    confirmButtonText: "确定",
                    callback: (action) => {},
                });
                return false;
            }
            if (that.addParam.sheet_deptno == undefined || that.addParam.sheet_deptno == "") {
                that.$alert("请输入所属科室", "提示", {
                    confirmButtonText: "确定",
                    callback: (action) => {},
                });
                return false;
            }
            // 排序
            that.$refs.xTable2.tableFullData.sort((a, b) => {
                return a.seq - b.seq;
            });
            that.$refs.xTable2.tableFullData.forEach((element, index) => {
                element.req_sheetid = that.addParam.req_sheetid;
                element.seq = (index + 1) * 10;
            });
            // 保存
            that.saveData()
                .then((response) => {
                    if (response.errcode != "1") {
                        that.$message({
                            message: "保存失败！" + response.errmsg,
                            type: "warning",
                        });
                    } else {
                        that.$message({
                            message: "保存成功！",
                            type: "success",
                        });
                        that.changeflag = false;
                        if (that.operatetype == 1) {
                            console.log(that.operatetype);
                            that.operatetype = 2;
                            // 新增不更新表格操作
                            that.addParam.req_sheetid = response.req_sheetid;
                            that.freqsheetList.push(that.addParam);
                            that.reqsheetList.push(that.addParam);
                            that.$refs.xTable.loadData(that.reqsheetList).then(() => {
                                let lastrow = that.$refs.xTable.tableFullData[that.$refs.xTable.tableFullData.length - 1];
                                that.$refs.xTable.setCurrentRow(lastrow).then(() => {
                                    that.selrow = that.$refs.xTable.getCurrentRow();
                                });
                            });
                            that.queryReqsheetitems(response.req_sheetid);
                            // that.$tool
                            //     .request({
                            //         url: "MNG/MNG2/MNG228",
                            //         method: "post",
                            //         data: {
                            //             action: "querydetail",
                            //             req_sheetid: response.req_sheetid
                            //         }
                            //     })
                            //     .then(response => {
                            //         that.mediumResultLoading = false;
                            //         if (response.reqsheet.length > 0) {
                            //             response.reqsheet[0].updateflag = 2;
                            //             that.faddParam = XEUtils.clone(response.reqsheet[0], true);
                            //             that.addParam = response.reqsheet[0];
                            //         }
                            //         that.mediumResultList = response.mediumresult;
                            //         that.mediumSpecList = response.mediumspec;
                            //     })
                            //     .catch(e => { });
                            return false;
                        }
                        if (that.operatetype == 2) {
                            // that.queryReqsheetitems(that.addParam.req_sheetid);
                            var fcurmedium = that.freqsheetList.filter((t) => t.req_sheetid == that.selrow.req_sheetid);
                            that.addParam.updateflag = 1;
                            Object.keys(that.addParam).forEach((key) => {
                                if (that.selrow.hasOwnProperty(key)) {
                                    that.selrow[key] = that.addParam[key];
                                    fcurmedium[0][key] = that.addParam[key];
                                }
                            });
                            that.faddParam = XEUtils.clone(that.addParam, true);
                        }
                        this.queryReqsheet();
                    }
                })
                .catch((e) => {});
        },
        async saveData() {
            let response = await this.$tool.request({
                url: "MNG/MNG2/MNG228",
                method: "post",
                data: {
                    action: "savedata",
                    prono: "MNG228",
                    req_sheetid: this.selrow.req_sheetid,
                    reqsheet: this.addParam,
                    reqsheetitems: this.$refs.xTable2.getRecordset(),
                    utype: this.operatetype,
                },
            });
            return response;
        },
        itemdictTableInsert(rowlist) {
            var that = this;
            if (that.detailChangeflag) {
                let crow = that.$refs.xTable2.getCurrentRow();
                crow.req_itemcode = rowlist[0].申请项目代码;
                crow.req_itemname = rowlist[0].申请项目名称;
                crow.specimen_code = rowlist[0].specimen_code;
            } else {
                let alldata = this.$refs.xTable2.getTableData().fullData;
                if (rowlist.length > 0) {
                    rowlist.forEach((element) => {
                        let index = alldata.findIndex((item) => item.req_itemcode == element.申请项目代码);
                        if (index >= 0) return false;
                        that.$refs.xTable2
                            .insert({
                                req_sheetid: that.addParam.req_sheetid,
                                seq: that.$refs.xTable2.tableFullData.length > 0 ? (Math.floor(that.$refs.xTable2.tableFullData[that.$refs.xTable2.tableFullData.length - 1].seq / 10) + 1) * 10 : 10,
                                req_itemcode: element.申请项目代码,
                                req_itemname: element.申请项目名称,
                                specimen_code: element.specimen_code,
                            })
                            .then(({ row }) => {
                                that.$nextTick(() => {
                                    that.$refs.xTable2.setCurrentRow(row);
                                });
                            });
                    });
                }
            }
            that.hasChange();
        },
        itemdictTableDelete() {
            var delrow = this.$refs.xTable2.getCurrentRow();
            var havedata = this.$refs.xTable2.getTableData().fullData;
            if (delrow && havedata.length > 0) {
                var rowindex = havedata.indexOf(delrow);
                this.$refs.xTable2.remove(delrow);
                if (havedata.length > 0) {
                    if (rowindex == 0) {
                        this.$refs.xTable2.setCurrentRow(this.$refs.xTable2.getTableData().fullData[0]);
                        return false;
                    }
                    if (rowindex >= havedata.length) {
                        rowindex = havedata.length - 1;
                    }
                    let selectrow = havedata[rowindex - 1];
                    this.$refs.xTable2.setCurrentRow(selectrow);
                }

                this.hasChange();
            } else {
                this.$message({
                    message: "请先选中要删除的明细！",
                    type: "warning",
                });
            }
        },
        CellDblclick({ row, column }) {
            this.detailrow = row;
            if (column.property == "req_itemcode") {
                this.detailChangeflag = true;
                this.dialogTableVisible = true;
            }
        },
        changeDept(k, v) {
            console.log(k, v);
            this.addParam.sheet_deptno = k;
            this.addParam.deptname = v;
            this.hasChange();
        },
        hasChange(type) {
            this.changeflag = true;
        },
        rowClassName({ row, rowIndex }) {
            if (row.updateflag == 1) {
                return "row-modify row--current";
            }
            if (row.updateflag == 2) {
                console.log("row-new row--current");
                return "row-new row--current";
            }
        },
        // 回车切换输入框
        nextFocus(id, index) {
            if (index <= 3) {
                var that = this;
                var focusIndex = index + 1;
                setTimeout(function () {
                    // if (index == 3) {
                    //     that.$refs['input' + id + index].$refs.ddlmainSelect.blur();
                    // }
                    that.$refs["input" + id + focusIndex].focus();
                }, 1);
            }
        },
        getShowName(code, list) {
            if (this[list + "Map"].size > 0) {
                return this[list + "Map"].get(code);
            }
        },
        popReqitemChange(selectRow) {
            console.log(selectRow);
            this.itemdictTableInsert(selectRow);
            // var colcode = this.popdatatype;
            // this.changeselrow[colcode] = c;
            // this.changeselrow[colcode + "name"] = v;
            this.dialogTableVisible = false;
            // this.$refs[colcode].select();
        },
        inputCodeChange() {
            this.addParam.inputcode = this.$pub.CreateInputcode(this.addParam.sheet_name, this).substring(0, 20);
            this.hasChange();
        },
    },
};
</script>

<style scoped>
.page-top {
    width: 100%;
    height: 38px;
    border: 1px solid #ccc;
    position: absolute;
    font-size: 12px;
    display: flex;
    padding: 5px 0;
    line-height: 24px;
}
.page-top .top-table {
    float: right;
}
.search-title {
    margin: 0 5px 0 20px;
}
.top-deal {
    right: 5px;
    position: absolute;
    height: 25px;
    display: flex;
    align-items: center;
}
.upload-button {
    height: 24px;
    margin: 0 10px;
    display: none;
}
.upload-button div {
    height: 24px;
}
.pagecenter {
    position: absolute;
    top: 43px;
    width: 100%;
    left: 0;
    bottom: 0px;
    overflow: auto;
}
.pagecenter-left {
    height: 100%;
}
.pagecenter-right-top {
    width: 100%;
    border: 1px solid #ccc;
}
.pagecenter-right-top table {
    font-size: 12px;
    width: 100%;
    border-spacing: 5px;
}
.detail-operation {
    display: flex;
    padding: 0px 2px 0px 5px;
    margin: 5px 0;
}
/* /deep/.middle-center tr td div .el-input__inner {
    border: 1px solid rgba(255, 254, 254, 0) !important;
    background-color: rgba(255, 254, 254, 0) !important;
} */
/* /deep/ .el-input.is-disabled .el-input__inner {
    color: #000000 !important;
} */
/deep/ .el-button.is-disabled {
    border: 0px;
    color: grey;
    background-color: #e6e6e6;
    font-weight: normal;
}
/deep/ .el-textarea__inner {
    padding: 2px 5px !important;
}
/deep/ .search-textarea .el-textarea__inner {
    width: 100% !important;
}
/deep/ .el-button.is-disabled {
    border: 0px;
    color: grey;
    background-color: #e6e6e6;
    font-weight: normal;
}
/deep/ .pagecenter-left tr.vxe-body--row.row-new {
    color: #cc6600;
}
/deep/ .pagecenter-left tr.vxe-body--row.row-modify {
    color: blue !important;
}
</style>
